<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta name="misapplication-tap-highlight" content="no" />
		<meta name="HandheldFriendly" content="true" />
		<meta name="MobileOptimized" content="320" />
		<title>动态</title>
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/base.css" />
		<style>
			.head-img {
				width: 60px;
				height: 60px;
				overflow: hidden;
				border-radius: 50%;
				margin-right: 10px;
			}
			
			.head-img img {
				width: 100%;
				height: 100%;
			}
			
			.containers {
				padding: 10px;
			}
			
			.green-color {
				color: #00d5c5;
			}
			
			.gray-color {
				color: #888;
			}
			
			.right-img-w {
				height: 30px;
			}
			ul,li{
				list-style: none;
				
			}
			.li-style li{
				float: left;
				width: 25%;
				text-align: center;
			}
			.li-style li img{
				width: 80%;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">动态</h1>
			<button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right" style="color: white;">发布</button>
		</header>
		<div class="mui-content">
			<div style="height: 200px;">
				<textarea placeholder="请输入内容" style="height: 100%;"></textarea>
			</div>
			<ul class="li-style">
								<li>
									<a href="#sheet"><img src="../img/add-img.png"/></a>
								</li>
								<li><img src="../img/bg-01.png"/></li>
								<li><img src="../img/bg-01.png"/></li>
								<li><img src="../img/bg-01.png"/></li>
							</ul>
			
			
			
		</div>
		
		<div id="sheet" class="mui-popover mui-popover-bottom mui-popover-action ">
			<!-- 可选择菜单 -->
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a onclick="cancle()" href="#">菜单1</a>
				</li>
				<li class="mui-table-view-cell">
					<a onclick="cancle()" href="#">菜单2</a>
				</li>
			</ul>
			<!-- 取消菜单 -->
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a onclick="cancle()"><b>取消</b></a>
				</li>
			</ul>
		</div>
		
		
		
		
		<script type="text/javascript" src="../js/mui.min.js"></script>
		<script>
			
			
			function cancle(){
				mui('#sheet').popover("hide");
			}
		</script>
	</body>

</html>